




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Fonts
 - CSS2.1 Test Suite</title>
  <style type="text/css">* { margin: 0; padding: 0 }
    @import "http://www.w3.org/StyleSheets/TR/base.css";
    @import "../indices.css";
  </style>
 </head>

 <body>

  <h1>CSS2.1 Test Suite</h1>
  <h2>Fonts
 (372 tests)</h2>
  <table width="100%">
    <col id="test-column"></col>
    <col id="flags-column"></col>
    <col id="info-column"></col>
    <thead>
      <tr>
        <th>Test</th>
        <th><abbr title="Rendering References">Refs</abbr></th>
        <th>Flags</th>
        <th>Info</th>
      </tr>
    </thead>
    <tbody id="s15.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#fonts-intro">15.1 Introduction
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s15.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#algorithm">15.2 Font matching algorithm
</a></th></tr>
      <!-- 9 tests -->
      <tr id="font-matching-rule-001-15.2" class="primary ahem">
        <td><strong>
            <a href="font-matching-rule-001.xht">font-matching-rule-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font Matching Algorithm, Match Font-Family
          <ul class="assert">
            <li>If font property match then use the font specified by font-family, if font property doesn't match, don't even try to match font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-matching-rule-006-15.2" class="primary ahem">
        <td><strong>
            <a href="font-matching-rule-006.xht">font-matching-rule-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font Matching Algorithm, match font-style
          <ul class="assert">
            <li>If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-matching-rule-008-15.2" class="primary ahem">
        <td><strong>
            <a href="font-matching-rule-008.xht">font-matching-rule-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font Matching Algorithm, small-caps synthesized
          <ul class="assert">
            <li>The small-caps font is rendered similar to uppercase letters except with a smaller size.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-matching-rule-009-15.2" class="primary invalid">
        <td><strong>
            <a href="font-matching-rule-009.xht">font-matching-rule-009</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font Matching Algorithm, font-weight out of range
          <ul class="assert">
            <li>Invalid font weight values are set to the default weight of 400.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-matching-rule-010-15.2" class="primary font">
        <td><strong>
            <a href="font-matching-rule-010.xht">font-matching-rule-010</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font Matching Algorithm, font-variant never fails if property does not match
          <ul class="assert">
            <li>If a font property value is not defined, user agent still can use normal value of that property.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-matching-rule-012-15.2" class="primary ahem">
        <td><strong>
            <a href="font-matching-rule-012.xht">font-matching-rule-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font Matching Algorithm, font-size and rounding
          <ul class="assert">
            <li>The font-size for scalable fonts are rounded to the nearest whole pixel.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-matching-rule-013-15.2" class="primary font">
        <td><strong>
            <a href="font-matching-rule-013.xht">font-matching-rule-013</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font Matching Algorithm, font-variant font missing small-caps property
          <ul class="assert">
            <li>A font that is only available as small-caps can be assigned either a normal or a small-caps to its font-variant property. Both values have the same effect.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-matching-rule-014-15.2" class="primary font">
        <td><strong>
            <a href="font-matching-rule-014.xht">font-matching-rule-014</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font Matching Algorithm, same fonts
          <ul class="assert">
            <li>If all available fonts are exactly same in all properties, the user agent selects one of them.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-rule-001-15.2" class="primary font">
        <td><strong>
            <a href="font-style-rule-001.xht">font-style-rule-001</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font-style with font properties missing
          <ul class="assert">
            <li>When font-style italic is not available, find value oblique, if it's still not available, either use the alternate font-family that has italic or oblique value or use 'font-style: normal'.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s15.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">15.3 Font family: the 'font-family' property
</a></th></tr>
      <!-- 81 tests -->
      <tr id="c522-font-family-000-15.3" class="primary">
        <td><strong>
            <a href="c522-font-family-000.xht">c522-font-family-000</a></strong></td>
        <td></td>
        <td></td>
        <td>font-family
        </td>
      </tr>
      <tr id="c527-font-000-15.3" class="">
        <td>
            <a href="c527-font-000.xht">c527-font-000</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-002-15.3" class="">
        <td>
            <a href="c527-font-002.xht">c527-font-002</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-003-15.3" class="">
        <td>
            <a href="c527-font-003.xht">c527-font-003</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-004-15.3" class="">
        <td>
            <a href="c527-font-004.xht">c527-font-004</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-005-15.3" class="">
        <td>
            <a href="c527-font-005.xht">c527-font-005</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-006-15.3" class="">
        <td>
            <a href="c527-font-006.xht">c527-font-006</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-007-15.3" class="">
        <td>
            <a href="c527-font-007.xht">c527-font-007</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-008-15.3" class="">
        <td>
            <a href="c527-font-008.xht">c527-font-008</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-009-15.3" class="">
        <td>
            <a href="c527-font-009.xht">c527-font-009</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-10-15.3" class="">
        <td>
            <a href="c527-font-10.xht">c527-font-10</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="font-family-001-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-001.xht">font-family-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family set to an installed font
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-002-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-002.xht">font-family-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family set to the keyword 'serif'
          <ul class="assert">
            <li>The 'font-family' property set to 'serif' correctly renders the user agent's serif font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-003-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-003.xht">font-family-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family set to the keyword 'sans-serif'
          <ul class="assert">
            <li>The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-004-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-004.xht">font-family-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family set to the keyword 'cursive'
          <ul class="assert">
            <li>The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-005-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-005.xht">font-family-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family set to the keyword 'fantasy'
          <ul class="assert">
            <li>The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-006-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-006.xht">font-family-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family set to the keyword 'monospace'
          <ul class="assert">
            <li>The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-007-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-007.xht">font-family-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family set to 'inherit'
          <ul class="assert">
            <li>The 'font-family' property set to 'inherit' inherits its value from the parent element's value.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-008-15.3" class="primary ahem invalid">
        <td><strong>
            <a href="font-family-008.xht">font-family-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>font-family - unquoted font-family names with parentheses or curly braces
          <ul class="assert">
            <li>Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-001-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-001.xht">font-family-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: inline' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: inline' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-002-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-002.xht">font-family-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: block' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-003-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-003.xht">font-family-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: list-item' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: list-item' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-005-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-005.xht">font-family-applies-to-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: inline-block' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: inline-block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-006-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-006.xht">font-family-applies-to-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: table' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-007-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-007.xht">font-family-applies-to-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: inline-table' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: inline-table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-008-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-008.xht">font-family-applies-to-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: table-row-group' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: table-row-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-009-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-009.xht">font-family-applies-to-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: table-header-group' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: table-header-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-010-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-010.xht">font-family-applies-to-010</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: table-footer-group' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: table-footer-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-011-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-011.xht">font-family-applies-to-011</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: table-row' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: table-row' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-014-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-014.xht">font-family-applies-to-014</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: table-cell' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: table-cell' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-015-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-015.xht">font-family-applies-to-015</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: table-caption' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: table-caption' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-016-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-016.xht">font-family-applies-to-016</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: none' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: none' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-applies-to-017-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-applies-to-017.xht">font-family-applies-to-017</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-family and 'display: inherit' elements
          <ul class="assert">
            <li>The 'font-family' property applies to 'display: inherit' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-invalid-characters-001-15.3" class="primary ahem invalid">
        <td><strong>
            <a href="font-family-invalid-characters-001.xht">font-family-invalid-characters-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Invalid characters in font-family values
          <ul class="assert">
            <li>Invalid characters in font family names invalidate entire declaration.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-invalid-characters-002-15.3" class="primary ahem invalid">
        <td><strong>
            <a href="font-family-invalid-characters-002.xht">font-family-invalid-characters-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Invalid parenthesis and pair matching
          <ul class="assert">
            <li>Invalid characters in font family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-invalid-characters-003-15.3" class="primary ahem invalid">
        <td><strong>
            <a href="font-family-invalid-characters-003.xht">font-family-invalid-characters-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Invalid curly brackets and pair matching
          <ul class="assert">
            <li>Invalid characters in font family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-invalid-characters-004-15.3" class="primary ahem invalid">
        <td><strong>
            <a href="font-family-invalid-characters-004.xht">font-family-invalid-characters-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Invalid square brackets and pair matching
          <ul class="assert">
            <li>Invalid characters in font family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-invalid-characters-005-15.3" class="primary ahem invalid">
        <td><strong>
            <a href="font-family-invalid-characters-005.xht">font-family-invalid-characters-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Invalid quotes and pair matching
          <ul class="assert">
            <li>Invalid characters in font family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-invalid-characters-006-15.3" class="primary ahem invalid">
        <td><strong>
            <a href="font-family-invalid-characters-006.xht">font-family-invalid-characters-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Invalid single quotes and pair matching
          <ul class="assert">
            <li>Invalid characters in font family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-001-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-001.xht">font-family-name-001</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name with no quotes
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-002-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-002.xht">font-family-name-002</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name with no quotes, lowercase
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, lowercase.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-003-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-003.xht">font-family-name-003</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name with no quotes, mixed case
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, mixed case.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-004-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-004.xht">font-family-name-004</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>quoted font family name with double quotes
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with double quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-005-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-005.xht">font-family-name-005</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>quoted font family name with single quotes
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with single quotes.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-006-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-006.xht">font-family-name-006</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>unquoted font family name with extra whitespace
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with extra whitespace should be condensed to a single space.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-007-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-007.xht">font-family-name-007</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>double quoted font family name with extra spaces should not match
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in double quotes should not match, spaces are not reduced.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-008-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-008.xht">font-family-name-008</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>single quoted font family name with extra spaces should not match
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in single quotes should not match, spaces are not reduced.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-009-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-009.xht">font-family-name-009</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name with escaped hexcode characters
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped character.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-010-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-010.xht">font-family-name-010</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>localized font family name
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Localized family names should match.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-011-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-011.xht">font-family-name-011</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>quoted localized font family name
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Quoted localized family names should match.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-012-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-012.xht">font-family-name-012</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name with escaped characters
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-013-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-013.xht">font-family-name-013</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name should not match font fullnames
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Fullname name should not match, only family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-014-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-014.xht">font-family-name-014</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name should not match Postscript name
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Postscript name should not match, only family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-015-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-015.xht">font-family-name-015</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name should not match localized font fullnames
          <ul class="assert">
            <li>The 'font-family' property set to and installed font renders the appropriate font. Localized fullname should not match.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-016-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-016.xht">font-family-name-016</a></strong></td>
        <td><a href="font-family-name-016-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family name that includes numbers should match
          <ul class="assert">
            <li>Unquoted font family names with numbers should not be matched</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-017-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-017.xht">font-family-name-017</a></strong></td>
        <td><a href="font-family-name-mixcase-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>when unquoted font family not found, should not use font family list of body element
          <ul class="assert">
            <li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-018-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-018.xht">font-family-name-018</a></strong></td>
        <td><a href="font-family-name-mixcase-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>when quoted font family not found, should not use font family list of body element
          <ul class="assert">
            <li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-019-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-019.xht">font-family-name-019</a></strong></td>
        <td><a href="font-family-name-mixcase-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>when unquoted font family not found, should not use font family list of parent element
          <ul class="assert">
            <li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-020-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-020.xht">font-family-name-020</a></strong></td>
        <td><a href="font-family-name-mixcase-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>when quoted font family not found, should not use font family list of parent element
          <ul class="assert">
            <li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-021-15.3" class="primary font invalid">
        <td><strong>
            <a href="font-family-name-021.xht">font-family-name-021</a></strong></td>
        <td><a href="font-family-name-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>mixed use of quotes in font family names is invalid syntax
          <ul class="assert">
            <li>Mixing quoted name with unquoted portion is invalid syntax, rule is dropped.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-022-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-022.xht">font-family-name-022</a></strong></td>
        <td><a href="font-family-name-022-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font shorthand parsing should not cause incorrect matching
          <ul class="assert">
            <li>Font shorthand parsing should not cause incorrect matching of font-family values</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-023-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-023.xht">font-family-name-023</a></strong></td>
        <td><a href="font-family-name-023-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>font family names that look like font shorthand
          <ul class="assert">
            <li>Font family names that appear similar to font shorthand should match to fonts with those names</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-name-024-15.3" class="primary font">
        <td><strong>
            <a href="font-family-name-024.xht">font-family-name-024</a></strong></td>
        <td><a href="font-family-name-024-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>system font names in font-family lists
          <ul class="assert">
            <li>System font names are only allowed with the font shorthand, not in font-family rules</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-001-15.3" class="primary">
        <td><strong>
            <a href="font-family-rule-001.xht">font-family-rule-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-family, fallback mechanism
          <ul class="assert">
            <li>Unknown or unavailable fonts fallback to the default font family. The default font family varies and depends on user agent.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-002-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-002.xht">font-family-rule-002</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font-family with white space
          <ul class="assert">
            <li>Font names containing any white space need to be quoted. It is also recognized if it is not quoted.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-003-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-003.xht">font-family-rule-003</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font family name with special character, quoted
          <ul class="assert">
            <li>Font names containing any special characters can be quoted. Otherwise the special character need to be escaped.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-004-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-004.xht">font-family-rule-004</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font family name same as keyword 'inherit'
          <ul class="assert">
            <li>Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-005-15.3" class="primary dom">
        <td><strong>
            <a href="font-family-rule-005.xht">font-family-rule-005</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Font family unknown character glyph matching
          <ul class="assert">
            <li>Glyphs that are missing render as the missing glyph character and still report their initial character location, not the missing glyph location.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-006-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-rule-006.xht">font-family-rule-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font family generic name cannot be quoted
          <ul class="assert">
            <li>Generic font family name is not recognized if quoted.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-007-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-007.xht">font-family-rule-007</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font family name with special characters, escaped
          <ul class="assert">
            <li>Font family name having special characters needs to escape special character. Otherwise the font family name need to be quoted.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-009-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-009.xht">font-family-rule-009</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name with multiple white space characters
          <ul class="assert">
            <li>Multiple white spaces inside quoted font-family name cannot be collapsed to single white space.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-010-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-010.xht">font-family-rule-010</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name same as reserved keyword 'initial'
          <ul class="assert">
            <li>Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-011-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-011.xht">font-family-rule-011</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name same as reserved keyword 'default'
          <ul class="assert">
            <li>Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-012-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-012.xht">font-family-rule-012</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name same as keyword 'serif'
          <ul class="assert">
            <li>Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-013-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-013.xht">font-family-rule-013</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name same as keyword 'sans-serif'
          <ul class="assert">
            <li>Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-014-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-014.xht">font-family-rule-014</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name same as keyword 'cursive'
          <ul class="assert">
            <li>Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-015-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-015.xht">font-family-rule-015</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name same as keyword 'fantasy'
          <ul class="assert">
            <li>Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-016-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-016.xht">font-family-rule-016</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font name same as keyword 'monospace'
          <ul class="assert">
            <li>Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-rule-017-15.3" class="primary font">
        <td><strong>
            <a href="font-family-rule-017.xht">font-family-rule-017</a></strong></td>
        <td></td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr></td>
        <td>Font-family multiple white space characters in font name
          <ul class="assert">
            <li>Multiple (1 or many) white spaces before and after an unquoted font-family name are ignored. Multiple (more than 1) white spaces inside an unquoted font name get converted to single white space.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-valid-characters-001-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-valid-characters-001.xht">font-family-valid-characters-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Valid characters in font-family values
          <ul class="assert">
            <li>Valid characters in font family names.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-family-valid-characters-002-15.3" class="primary ahem">
        <td><strong>
            <a href="font-family-valid-characters-002.xht">font-family-valid-characters-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Valid numbers in font-family values
          <ul class="assert">
            <li>Font family names must be identifiers.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s15.3.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.3.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#generic-font-families">15.3.1 Generic font families
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s15.3.1.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.3.1.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#serif-def">15.3.1.1 serif
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s15.3.1.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.3.1.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#sans-serif-def">15.3.1.2  sans-serif
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s15.3.1.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.3.1.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#cursive-def">15.3.1.3  cursive
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s15.3.1.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.3.1.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#fantasy-def">15.3.1.4  fantasy
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s15.3.1.5">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.3.1.5">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#monospace-def">15.3.1.5  monospace
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s15.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#font-styling">15.4 Font styling: the 'font-style' property
</a></th></tr>
      <!-- 27 tests -->
      <tr id="c523-font-style-000-15.4" class="primary">
        <td><strong>
            <a href="c523-font-style-000.xht">c523-font-style-000</a></strong></td>
        <td></td>
        <td></td>
        <td>font-style
        </td>
      </tr>
      <tr id="c527-font-000-15.4" class="">
        <td>
            <a href="c527-font-000.xht">c527-font-000</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-004-15.4" class="">
        <td>
            <a href="c527-font-004.xht">c527-font-004</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-005-15.4" class="">
        <td>
            <a href="c527-font-005.xht">c527-font-005</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-006-15.4" class="">
        <td>
            <a href="c527-font-006.xht">c527-font-006</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-007-15.4" class="">
        <td>
            <a href="c527-font-007.xht">c527-font-007</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-008-15.4" class="">
        <td>
            <a href="c527-font-008.xht">c527-font-008</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-10-15.4" class="">
        <td>
            <a href="c527-font-10.xht">c527-font-10</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c543-txt-decor-000-15.4" class="primary image">
        <td><strong>
            <a href="c543-txt-decor-000.xht">c543-txt-decor-000</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>text-decoration
        </td>
      </tr>
      <tr id="font-style-001-15.4" class="primary ahem">
        <td><strong>
            <a href="font-style-001.xht">font-style-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-style set to 'normal'
          <ul class="assert">
            <li>The 'font-style' property set to 'normal' correctly renders the characters as normal text.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-002-15.4" class="primary ahem">
        <td><strong>
            <a href="font-style-002.xht">font-style-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-style set to 'italic'
          <ul class="assert">
            <li>The 'font-style' property set to 'italic' correctly renders the characters as italic text.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-003-15.4" class="primary ahem">
        <td><strong>
            <a href="font-style-003.xht">font-style-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-style set to 'oblique'
          <ul class="assert">
            <li>The 'font-style' property set to 'normal' correctly renders the characters as oblique text.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-004-15.4" class="primary ahem">
        <td><strong>
            <a href="font-style-004.xht">font-style-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-style set to 'inherit'
          <ul class="assert">
            <li>The 'font-style' property set to 'inherit', inherits is value from the parent element's value.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-001-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-001.xht">font-style-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: inline' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: inline' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-002-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-002.xht">font-style-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: block' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-003-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-003.xht">font-style-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: list-item' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: list-item' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-005-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-005.xht">font-style-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: inline-block' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: inline-block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-006-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-006.xht">font-style-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: table' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-007-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-007.xht">font-style-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: inline-table' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: inline-table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-008-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-008.xht">font-style-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: table-row-group' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: table-row-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-009-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-009.xht">font-style-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: table-header-group' elements
          <ul class="assert">
            <li>The 'font-style' property does not applies to 'display: table-header-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-010-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-010.xht">font-style-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: table-footer-group' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: table-footer-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-011-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-011.xht">font-style-applies-to-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: table-row' elements
          <ul class="assert">
            <li>The 'font-style' property apples to 'display: table-row' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-014-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-014.xht">font-style-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: table-cell' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: table-cell' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-015-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-015.xht">font-style-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: table-caption' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: table-caption' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-016-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-016.xht">font-style-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: none' elements
          <ul class="assert">
            <li>The font-style' property applies to 'display: none' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-style-applies-to-017-15.4" class="primary">
        <td><strong>
            <a href="font-style-applies-to-017.xht">font-style-applies-to-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-style and 'display: inherit' elements
          <ul class="assert">
            <li>The 'font-style' property applies to 'display: inherit' elements.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s15.5">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.5">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#small-caps">15.5 Small-caps: the 'font-variant' property
</a></th></tr>
      <!-- 25 tests -->
      <tr id="c524-font-var-000-15.5" class="primary">
        <td><strong>
            <a href="c524-font-var-000.xht">c524-font-var-000</a></strong></td>
        <td></td>
        <td></td>
        <td>font-variant
        </td>
      </tr>
      <tr id="c527-font-000-15.5" class="">
        <td>
            <a href="c527-font-000.xht">c527-font-000</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-004-15.5" class="">
        <td>
            <a href="c527-font-004.xht">c527-font-004</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-005-15.5" class="">
        <td>
            <a href="c527-font-005.xht">c527-font-005</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-006-15.5" class="">
        <td>
            <a href="c527-font-006.xht">c527-font-006</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-007-15.5" class="">
        <td>
            <a href="c527-font-007.xht">c527-font-007</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-008-15.5" class="">
        <td>
            <a href="c527-font-008.xht">c527-font-008</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-10-15.5" class="">
        <td>
            <a href="c527-font-10.xht">c527-font-10</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="font-variant-001-15.5" class="primary">
        <td><strong>
            <a href="font-variant-001.xht">font-variant-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant set to 'normal'
          <ul class="assert">
            <li>The 'font-variant' property set to 'normal' renders the typical characters for text for the font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-002-15.5" class="primary">
        <td><strong>
            <a href="font-variant-002.xht">font-variant-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant set to 'small-caps'
          <ul class="assert">
            <li>The 'font-variant' property set to 'normal' renders the small-caps version of characters for text for the font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-003-15.5" class="primary">
        <td><strong>
            <a href="font-variant-003.xht">font-variant-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant set to 'inherit'
          <ul class="assert">
            <li>The 'font-variant' property set to 'inherit' inherits is value from the patent element's value.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-001-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-001.xht">font-variant-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: inline' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: inline' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-002-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-002.xht">font-variant-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: block' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-003-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-003.xht">font-variant-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: list-item' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: list-item' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-005-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-005.xht">font-variant-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: inline-block' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: inline-block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-006-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-006.xht">font-variant-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: table' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-007-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-007.xht">font-variant-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: inline-table' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: inline-table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-008-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-008.xht">font-variant-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: table-row-group' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: table-row-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-009-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-009.xht">font-variant-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: table-header-group' elements
          <ul class="assert">
            <li>The 'font-variant' property does not applies to 'display: table-header-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-010-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-010.xht">font-variant-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: table-footer-group' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: table-footer-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-011-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-011.xht">font-variant-applies-to-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: table-row' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: table-row' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-014-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-014.xht">font-variant-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: table-cell' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: table-cell' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-015-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-015.xht">font-variant-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: table-caption' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: table-caption' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-016-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-016.xht">font-variant-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>'font-variant' and 'display: none' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: none' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-variant-applies-to-017-15.5" class="primary">
        <td><strong>
            <a href="font-variant-applies-to-017.xht">font-variant-applies-to-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-variant and 'display: inherit' elements
          <ul class="assert">
            <li>The 'font-variant' property applies to 'display: inherit' elements.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s15.6">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.6">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness">15.6 Font boldness: the 'font-weight' property
</a></th></tr>
      <!-- 41 tests -->
      <tr id="c525-font-wt-000-15.6" class="primary">
        <td><strong>
            <a href="c525-font-wt-000.xht">c525-font-wt-000</a></strong></td>
        <td></td>
        <td></td>
        <td>font-weight
        </td>
      </tr>
      <tr id="c527-font-004-15.6" class="">
        <td>
            <a href="c527-font-004.xht">c527-font-004</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-005-15.6" class="">
        <td>
            <a href="c527-font-005.xht">c527-font-005</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-006-15.6" class="">
        <td>
            <a href="c527-font-006.xht">c527-font-006</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-008-15.6" class="">
        <td>
            <a href="c527-font-008.xht">c527-font-008</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-009-15.6" class="">
        <td>
            <a href="c527-font-009.xht">c527-font-009</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-10-15.6" class="">
        <td>
            <a href="c527-font-10.xht">c527-font-10</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="font-weight-001-15.6" class="primary ahem">
        <td><strong>
            <a href="font-weight-001.xht">font-weight-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-weight set to the keyword 'normal'
          <ul class="assert">
            <li>The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-002-15.6" class="primary ahem">
        <td><strong>
            <a href="font-weight-002.xht">font-weight-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-weight set to the keyword 'bold'
          <ul class="assert">
            <li>The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-003-15.6" class="primary ahem">
        <td><strong>
            <a href="font-weight-003.xht">font-weight-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-weight set to the keyword 'bolder'
          <ul class="assert">
            <li>The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-008-15.6" class="primary">
        <td><strong>
            <a href="font-weight-008.xht">font-weight-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to the numerical value, 400
          <ul class="assert">
            <li>The 'font-weight' property set to '400' properly sets the font to the correct bold rendering.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-010-15.6" class="primary">
        <td><strong>
            <a href="font-weight-010.xht">font-weight-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to the numerical value, 600
          <ul class="assert">
            <li>The 'font-weight' property set to '600' properly sets the font to the correct bold rendering.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-011-15.6" class="primary">
        <td><strong>
            <a href="font-weight-011.xht">font-weight-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to the numerical value, 700
          <ul class="assert">
            <li>The 'font-weight' property set to '700' properly sets the font to the correct bold rendering.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-012-15.6" class="primary">
        <td><strong>
            <a href="font-weight-012.xht">font-weight-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to the numerical value, 800
          <ul class="assert">
            <li>The 'font-weight' property set to '800' properly sets the font to the correct bold rendering.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-013-15.6" class="primary">
        <td><strong>
            <a href="font-weight-013.xht">font-weight-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to the numerical value, 900
          <ul class="assert">
            <li>The 'font-weight' property set to '900' properly sets the font to the correct bold rendering.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-014-15.6" class="primary">
        <td><strong>
            <a href="font-weight-014.xht">font-weight-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to the keyword 'inherit'
          <ul class="assert">
            <li>The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-001-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-001.xht">font-weight-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: inline' elements
          <ul class="assert">
            <li>Font weights apply to 'display: inline' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-002-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-002.xht">font-weight-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: block' elements
          <ul class="assert">
            <li>Font weights apply to 'display: block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-003-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-003.xht">font-weight-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: list-item' elements
          <ul class="assert">
            <li>Font weights apply to 'display: list-item' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-005-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-005.xht">font-weight-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: inline-block' elements
          <ul class="assert">
            <li>Font weights apply to 'display: inline-block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-006-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-006.xht">font-weight-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: table' elements
          <ul class="assert">
            <li>Font weights apply to 'display: table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-007-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-007.xht">font-weight-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: inline-table' elements
          <ul class="assert">
            <li>Font weights apply to 'display: inline-table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-008-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-008.xht">font-weight-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: table-row-group' elements
          <ul class="assert">
            <li>Font weights apply to 'display: table-row-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-009-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-009.xht">font-weight-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: table-header-group' elements
          <ul class="assert">
            <li>Verifies that font-weight does not applies to 'display: table-header-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-010-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-010.xht">font-weight-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: table-footer-group' elements
          <ul class="assert">
            <li>Font weights apply to 'display: table-footer-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-011-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-011.xht">font-weight-applies-to-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: table-row' elements
          <ul class="assert">
            <li>Font weights apply to 'display: table-row' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-014-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-014.xht">font-weight-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: table-cell' elements
          <ul class="assert">
            <li>Font weights apply to 'display: table-cell' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-015-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-015.xht">font-weight-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: table-caption' elements
          <ul class="assert">
            <li>Font weights apply to 'display: table-caption' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-016-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-016.xht">font-weight-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: none' elements
          <ul class="assert">
            <li>Font weights apply to 'display: none' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-applies-to-017-15.6" class="primary">
        <td><strong>
            <a href="font-weight-applies-to-017.xht">font-weight-applies-to-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight and 'display: inherit' elements
          <ul class="assert">
            <li>Font weights apply to 'display: inherit' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-bolder-001-15.6" class="primary font should">
        <td><strong>
            <a href="font-weight-bolder-001.xht">font-weight-bolder-001</a></strong></td>
        <td><a href="font-weight-bolder-001-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>font weight mapping with various families with bolder use
          <ul class="assert">
            <li>Font weights should map to corresponding font faces in a family with all weights</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-lighter-001-15.6" class="primary font should">
        <td><strong>
            <a href="font-weight-lighter-001.xht">font-weight-lighter-001</a></strong></td>
        <td><a href="font-weight-lighter-001-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>font weight mapping with various families with lighter use
          <ul class="assert">
            <li>Font weights should map to corresponding font faces in a family with all weights</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-normal-001-15.6" class="primary font should">
        <td><strong>
            <a href="font-weight-normal-001.xht">font-weight-normal-001</a></strong></td>
        <td><a href="font-weight-normal-001-ref.xht">=</a> </td>
        <td><abbr class="font" title="Requires Special Font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>font weight mapping with various families
          <ul class="assert">
            <li>Font weights should map to corresponding font faces in a family with all weights</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-001-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-001.xht">font-weight-rule-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to 'normal' corresponds to '400'
          <ul class="assert">
            <li>A font weight of 'normal' corresponds to the weight value '400'.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-002-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-002.xht">font-weight-rule-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight comparison of 100 to 900
          <ul class="assert">
            <li>Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-003-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-003.xht">font-weight-rule-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight inherits the computed weight
          <ul class="assert">
            <li>Child elements inherit their parent's actual font weight.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-004-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-004.xht">font-weight-rule-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to 'bolder'
          <ul class="assert">
            <li>The value 'bolder' selects the next darker weight compared to its parent's weight.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-005-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-005.xht">font-weight-rule-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to 'bolder' increasing the value above '900'
          <ul class="assert">
            <li>The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-006-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-006.xht">font-weight-rule-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to 'lighter'
          <ul class="assert">
            <li>A font weight of 'lighter' selects the next lighter weight.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-007-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-007.xht">font-weight-rule-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight set to 'lighter' decreasing value below '100'
          <ul class="assert">
            <li>A font weight of 'lighter' selects the next lighter weight compared to its parent's weight.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-weight-rule-008-15.6" class="primary">
        <td><strong>
            <a href="font-weight-rule-008.xht">font-weight-rule-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Font-weight compare 'bold' to '700'
          <ul class="assert">
            <li>A font weight set to 'bold' corresponds to the weight value '700'.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s15.7">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.7">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props">15.7 Font size: the 'font-size' property
</a></th></tr>
      <!-- 112 tests -->
      <tr id="background-position-001-15.7" class="ahem image">
        <td>
            <a href="background-position-001.xht">background-position-001</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>background-position - ex unit
          <ul class="assert">
            <li>ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="background-position-002-15.7" class="ahem image">
        <td>
            <a href="background-position-002.xht">background-position-002</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>background-position - ex unit
          <ul class="assert">
            <li>ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="c526-font-sz-000-15.7" class="primary">
        <td><strong>
            <a href="c526-font-sz-000.xht">c526-font-sz-000</a></strong></td>
        <td></td>
        <td></td>
        <td>font-size
        </td>
      </tr>
      <tr id="c526-font-sz-001-15.7" class="primary ahem">
        <td><strong>
            <a href="c526-font-sz-001.xht">c526-font-sz-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font-size
        </td>
      </tr>
      <tr id="c526-font-sz-002-15.7" class="primary ahem">
        <td><strong>
            <a href="c526-font-sz-002.xht">c526-font-sz-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font-size
        </td>
      </tr>
      <tr id="c526-font-sz-003-15.7" class="primary ahem">
        <td><strong>
            <a href="c526-font-sz-003.xht">c526-font-sz-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font-size
        </td>
      </tr>
      <tr id="c527-font-000-15.7" class="">
        <td>
            <a href="c527-font-000.xht">c527-font-000</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-001-15.7" class="">
        <td>
            <a href="c527-font-001.xht">c527-font-001</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-002-15.7" class="">
        <td>
            <a href="c527-font-002.xht">c527-font-002</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-003-15.7" class="">
        <td>
            <a href="c527-font-003.xht">c527-font-003</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-004-15.7" class="">
        <td>
            <a href="c527-font-004.xht">c527-font-004</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-005-15.7" class="">
        <td>
            <a href="c527-font-005.xht">c527-font-005</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-006-15.7" class="">
        <td>
            <a href="c527-font-006.xht">c527-font-006</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-007-15.7" class="">
        <td>
            <a href="c527-font-007.xht">c527-font-007</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-008-15.7" class="">
        <td>
            <a href="c527-font-008.xht">c527-font-008</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-009-15.7" class="">
        <td>
            <a href="c527-font-009.xht">c527-font-009</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-10-15.7" class="">
        <td>
            <a href="c527-font-10.xht">c527-font-10</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="font-size-001-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-001.xht">font-size-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in pixels is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-002-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-002.xht">font-size-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-003-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-003.xht">font-size-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-004-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-004.xht">font-size-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-005-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-005.xht">font-size-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-006-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-006.xht">font-size-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-007-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-007.xht">font-size-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-012-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-012.xht">font-size-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in points is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-013-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-013.xht">font-size-013</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-014-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-014.xht">font-size-014</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-015-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-015.xht">font-size-015</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-016-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-016.xht">font-size-016</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-017-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-017.xht">font-size-017</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-018-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-018.xht">font-size-018</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-023-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-023.xht">font-size-023</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in picas is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-024-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-024.xht">font-size-024</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-025-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-025.xht">font-size-025</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-026-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-026.xht">font-size-026</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-027-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-027.xht">font-size-027</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-028-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-028.xht">font-size-028</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-029-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-029.xht">font-size-029</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-034-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-034.xht">font-size-034</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in centimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-035-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-035.xht">font-size-035</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-036-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-036.xht">font-size-036</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-037-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-037.xht">font-size-037</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-038-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-038.xht">font-size-038</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-039-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-039.xht">font-size-039</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-040-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-040.xht">font-size-040</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-045-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-045.xht">font-size-045</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in millimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-046-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-046.xht">font-size-046</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-047-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-047.xht">font-size-047</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-048-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-048.xht">font-size-048</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-049-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-049.xht">font-size-049</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-050-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-050.xht">font-size-050</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-051-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-051.xht">font-size-051</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-056-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-056.xht">font-size-056</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in inches is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-057-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-057.xht">font-size-057</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-058-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-058.xht">font-size-058</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-059-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-059.xht">font-size-059</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-060-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-060.xht">font-size-060</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-061-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-061.xht">font-size-061</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using inches with a nominal value, 2in
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-062-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-062.xht">font-size-062</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using inches with a positive nominal value, +2in
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-067-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-067.xht">font-size-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in 'em' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-068-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-068.xht">font-size-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-069-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-069.xht">font-size-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-070-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-070.xht">font-size-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-071-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-071.xht">font-size-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-072-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-072.xht">font-size-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-073-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-073.xht">font-size-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-078-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-078.xht">font-size-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-079-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-079.xht">font-size-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-080-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-080.xht">font-size-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-081-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-081.xht">font-size-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-082-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-082.xht">font-size-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-083-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-083.xht">font-size-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-084-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-084.xht">font-size-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-089-15.7" class="primary ahem invalid">
        <td><strong>
            <a href="font-size-089.xht">font-size-089</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Font-size using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'font-size' property sets a minimum minus one length value in percentages is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-090-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-090.xht">font-size-090</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'font-size' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-091-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-091.xht">font-size-091</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'font-size' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-092-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-092.xht">font-size-092</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-093-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-093.xht">font-size-093</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-094-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-094.xht">font-size-094</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'font-size' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-095-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-095.xht">font-size-095</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'font-size' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-100-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-100.xht">font-size-100</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'font-size' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-101-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-101.xht">font-size-101</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size with a zero value and no units, 0
          <ul class="assert">
            <li>The 'font-size' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-102-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-102.xht">font-size-102</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'font-size' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-103-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-103.xht">font-size-103</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'xx-small'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-104-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-104.xht">font-size-104</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'x-small'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'x-small' makes the font size smaller.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-105-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-105.xht">font-size-105</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'small'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'small' makes the font size smaller.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-106-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-106.xht">font-size-106</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'medium'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'medium' is the default font size.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-107-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-107.xht">font-size-107</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'large'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'large' makes the font size larger.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-108-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-108.xht">font-size-108</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'x-large'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'x-large' makes the font size larger.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-109-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-109.xht">font-size-109</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'xx-large'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'xx-large' makes the font size larger.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-110-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-110.xht">font-size-110</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'larger'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'larger' makes the font size larger.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-111-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-111.xht">font-size-111</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to the keyword 'smaller'
          <ul class="assert">
            <li>The 'font-size' property set to the keyword 'smaller' makes the font size smaller.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-112-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-112.xht">font-size-112</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size set to 'inherit'
          <ul class="assert">
            <li>The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-113-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-113.xht">font-size-113</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font-size - ex unit
          <ul class="assert">
            <li>'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-001-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-001.xht">font-size-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: inline' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: inline' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-002-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-002.xht">font-size-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: block' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-003-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-003.xht">font-size-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: list-item' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: list-item' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-005-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-005.xht">font-size-applies-to-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: inline-block' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: inline-block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-006-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-006.xht">font-size-applies-to-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: table' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-007-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-007.xht">font-size-applies-to-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: inline-table' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: inline-table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-008-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-008.xht">font-size-applies-to-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: table-row-group' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: table-row-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-009-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-009.xht">font-size-applies-to-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: table-header-group' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: table-header-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-010-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-010.xht">font-size-applies-to-010</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: table-footer-group' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: table-footer-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-011-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-011.xht">font-size-applies-to-011</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: table-row' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: table-row' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-014-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-014.xht">font-size-applies-to-014</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: table-cell' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: table-cell' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-015-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-015.xht">font-size-applies-to-015</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: table-caption' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: table-caption' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-016-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-016.xht">font-size-applies-to-016</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: none' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: none' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-applies-to-017-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-applies-to-017.xht">font-size-applies-to-017</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and 'display: inherit' elements
          <ul class="assert">
            <li>The 'font-size' property applies to 'display: inherit' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-rule-001-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-rule-001.xht">font-size-rule-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size, negative values
          <ul class="assert">
            <li>The 'font-size' does not allow for a negative value; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-rule-002-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-rule-002.xht">font-size-rule-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size, relative-size 'larger'
          <ul class="assert">
            <li>When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-rule-003-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-rule-003.xht">font-size-rule-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size and font sizes available
          <ul class="assert">
            <li>The user agent is free to choose a font-size from the font size table entries or round off to the closest font size.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-size-rule-004-15.7" class="primary ahem">
        <td><strong>
            <a href="font-size-rule-004.xht">font-size-rule-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font-size 'em' unit value referring to parent
          <ul class="assert">
            <li>The 'em' unit refers to the computed font size of the parent element instead of the current element.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s15.8">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s15.8">+</a>
        <a href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand">15.8 Shorthand font property: the 'font' property
</a></th></tr>
      <!-- 77 tests -->
      <tr id="c527-font-000-15.8" class="primary">
        <td><strong>
            <a href="c527-font-000.xht">c527-font-000</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-001-15.8" class="primary">
        <td><strong>
            <a href="c527-font-001.xht">c527-font-001</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-002-15.8" class="primary">
        <td><strong>
            <a href="c527-font-002.xht">c527-font-002</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-003-15.8" class="primary">
        <td><strong>
            <a href="c527-font-003.xht">c527-font-003</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-004-15.8" class="primary">
        <td><strong>
            <a href="c527-font-004.xht">c527-font-004</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-005-15.8" class="primary">
        <td><strong>
            <a href="c527-font-005.xht">c527-font-005</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-006-15.8" class="primary">
        <td><strong>
            <a href="c527-font-006.xht">c527-font-006</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-007-15.8" class="primary">
        <td><strong>
            <a href="c527-font-007.xht">c527-font-007</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-008-15.8" class="primary">
        <td><strong>
            <a href="c527-font-008.xht">c527-font-008</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-009-15.8" class="primary">
        <td><strong>
            <a href="c527-font-009.xht">c527-font-009</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-10-15.8" class="primary">
        <td><strong>
            <a href="c527-font-10.xht">c527-font-10</a></strong></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="font-001-15.8" class="primary ahem">
        <td><strong>
            <a href="font-001.xht">font-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-002-15.8" class="primary ahem">
        <td><strong>
            <a href="font-002.xht">font-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-003-15.8" class="primary">
        <td><strong>
            <a href="font-003.xht">font-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Font shorthand set using the values font-variant, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-004-15.8" class="primary ahem">
        <td><strong>
            <a href="font-004.xht">font-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-005-15.8" class="primary">
        <td><strong>
            <a href="font-005.xht">font-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Font shorthand set using the values font-style, font-variant, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-006-15.8" class="primary ahem">
        <td><strong>
            <a href="font-006.xht">font-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-weight, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-007-15.8" class="primary ahem">
        <td><strong>
            <a href="font-007.xht">font-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-style, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-008-15.8" class="primary ahem">
        <td><strong>
            <a href="font-008.xht">font-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-weight, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-009-15.8" class="primary ahem">
        <td><strong>
            <a href="font-009.xht">font-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-style, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-010-15.8" class="primary ahem">
        <td><strong>
            <a href="font-010.xht">font-010</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-variant, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-011-15.8" class="primary ahem">
        <td><strong>
            <a href="font-011.xht">font-011</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-012-15.8" class="primary ahem">
        <td><strong>
            <a href="font-012.xht">font-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-013-15.8" class="primary ahem">
        <td><strong>
            <a href="font-013.xht">font-013</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-014-15.8" class="primary ahem">
        <td><strong>
            <a href="font-014.xht">font-014</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-015-15.8" class="primary ahem">
        <td><strong>
            <a href="font-015.xht">font-015</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-016-15.8" class="primary ahem">
        <td><strong>
            <a href="font-016.xht">font-016</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-017-15.8" class="primary ahem">
        <td><strong>
            <a href="font-017.xht">font-017</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-018-15.8" class="primary ahem">
        <td><strong>
            <a href="font-018.xht">font-018</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-019-15.8" class="primary">
        <td><strong>
            <a href="font-019.xht">font-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Font shorthand set using the values font-variant, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-020-15.8" class="primary ahem">
        <td><strong>
            <a href="font-020.xht">font-020</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-021-15.8" class="primary">
        <td><strong>
            <a href="font-021.xht">font-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-022-15.8" class="primary ahem">
        <td><strong>
            <a href="font-022.xht">font-022</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-023-15.8" class="primary ahem">
        <td><strong>
            <a href="font-023.xht">font-023</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-024-15.8" class="primary ahem">
        <td><strong>
            <a href="font-024.xht">font-024</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-025-15.8" class="primary ahem">
        <td><strong>
            <a href="font-025.xht">font-025</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-026-15.8" class="primary ahem">
        <td><strong>
            <a href="font-026.xht">font-026</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-027-15.8" class="primary ahem">
        <td><strong>
            <a href="font-027.xht">font-027</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-028-15.8" class="primary ahem">
        <td><strong>
            <a href="font-028.xht">font-028</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-029-15.8" class="primary ahem">
        <td><strong>
            <a href="font-029.xht">font-029</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-030-15.8" class="primary ahem">
        <td><strong>
            <a href="font-030.xht">font-030</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-031-15.8" class="primary ahem">
        <td><strong>
            <a href="font-031.xht">font-031</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-032-15.8" class="primary ahem">
        <td><strong>
            <a href="font-032.xht">font-032</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family
          <ul class="assert">
            <li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-033-15.8" class="primary ahem">
        <td><strong>
            <a href="font-033.xht">font-033</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font set to the keyword 'caption'
          <ul class="assert">
            <li>The 'font' property set to 'caption' correctly uses the system setting.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-034-15.8" class="primary ahem">
        <td><strong>
            <a href="font-034.xht">font-034</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font set to the keyword 'icon'
          <ul class="assert">
            <li>The 'font' property set to 'icon' correctly uses the system setting.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-035-15.8" class="primary ahem">
        <td><strong>
            <a href="font-035.xht">font-035</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font set to the keyword 'menu'
          <ul class="assert">
            <li>The 'font' property set to 'menu' correctly uses the system setting.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-036-15.8" class="primary ahem">
        <td><strong>
            <a href="font-036.xht">font-036</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font set to the keyword 'message-box'
          <ul class="assert">
            <li>The 'font' property set to 'message-box' correctly uses the system setting.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-037-15.8" class="primary ahem">
        <td><strong>
            <a href="font-037.xht">font-037</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font set to the keyword 'small-caption'
          <ul class="assert">
            <li>The 'font' property set to 'small-caption' correctly uses the system setting.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-038-15.8" class="primary ahem">
        <td><strong>
            <a href="font-038.xht">font-038</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font set to the keyword 'status-bar'
          <ul class="assert">
            <li>The 'font' property set to 'status-bar' correctly uses the system setting.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-039-15.8" class="primary ahem">
        <td><strong>
            <a href="font-039.xht">font-039</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set to 'inherit' inheriting two values
          <ul class="assert">
            <li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-040-15.8" class="primary ahem">
        <td><strong>
            <a href="font-040.xht">font-040</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set to 'inherit' inheriting three values
          <ul class="assert">
            <li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-041-15.8" class="primary ahem">
        <td><strong>
            <a href="font-041.xht">font-041</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set to 'inherit' inheriting four values
          <ul class="assert">
            <li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-042-15.8" class="primary ahem">
        <td><strong>
            <a href="font-042.xht">font-042</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set to 'inherit' inheriting five values
          <ul class="assert">
            <li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-043-15.8" class="primary ahem">
        <td><strong>
            <a href="font-043.xht">font-043</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Font shorthand set to 'inherit' inheriting six values
          <ul class="assert">
            <li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-044-15.8" class="primary ahem">
        <td><strong>
            <a href="font-044.xht">font-044</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font - system fonts
          <ul class="assert">
            <li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
          </ul>
        </td>
      </tr>
      <tr id="font-045-15.8" class="ahem invalid">
        <td>
            <a href="font-045.xht">font-045</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>font - inherit keyword value
          <ul class="assert">
            <li>The inherit keyword value cannot mix with other subproperty values</li>
          </ul>
        </td>
      </tr>
      <tr id="font-046-15.8" class="primary ahem">
        <td><strong>
            <a href="font-046.xht">font-046</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font - system fonts
          <ul class="assert">
            <li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
          </ul>
        </td>
      </tr>
      <tr id="font-047-15.8" class="primary ahem">
        <td><strong>
            <a href="font-047.xht">font-047</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font - system fonts
          <ul class="assert">
            <li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
          </ul>
        </td>
      </tr>
      <tr id="font-048-15.8" class="primary ahem">
        <td><strong>
            <a href="font-048.xht">font-048</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font - system fonts
          <ul class="assert">
            <li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
          </ul>
        </td>
      </tr>
      <tr id="font-049-15.8" class="primary ahem">
        <td><strong>
            <a href="font-049.xht">font-049</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font - system fonts
          <ul class="assert">
            <li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
          </ul>
        </td>
      </tr>
      <tr id="font-050-15.8" class="primary ahem">
        <td><strong>
            <a href="font-050.xht">font-050</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>font - system fonts
          <ul class="assert">
            <li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-001-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-001.xht">font-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: inline' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: inline' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-002-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-002.xht">font-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: block' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-003-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-003.xht">font-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: list-item' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: list-item' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-005-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-005.xht">font-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: inline-block' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: inline-block' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-006-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-006.xht">font-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: table' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-007-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-007.xht">font-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: inline-table' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: inline-table' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-008-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-008.xht">font-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: table-row-group' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table-row-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-009-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-009.xht">font-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: table-header-group' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table-header-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-010-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-010.xht">font-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: table-footer-group' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table-footer-group' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-011-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-011.xht">font-applies-to-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: table-row' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table-row' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-014-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-014.xht">font-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: table-cell' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table-cell' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-015-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-015.xht">font-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: table-caption' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table-caption' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-016-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-016.xht">font-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: none' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: table-row' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-applies-to-017-15.8" class="primary">
        <td><strong>
            <a href="font-applies-to-017.xht">font-applies-to-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Font and 'display: inherit' elements
          <ul class="assert">
            <li>The 'font' property applies to 'display: inherit' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-systemfont-rule-003-15.8" class="primary">
        <td><strong>
            <a href="font-systemfont-rule-003.xht">font-systemfont-rule-003</a></strong></td>
        <td></td>
        <td></td>
        <td>System Font, substitute for similar system font when font unknown
          <ul class="assert">
            <li>It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one.</li>
          </ul>
        </td>
      </tr>
      <tr id="font-systemfont-rule-004-15.8" class="primary">
        <td><strong>
            <a href="font-systemfont-rule-004.xht">font-systemfont-rule-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Font shorthand property reset to default values if not explicitly set
          <ul class="assert">
            <li>The 'font' shorthand property resets any property not explicitly given a value to its initial value.</li>
          </ul>
        </td>
      </tr>
    </tbody>
  </table>

 </body>
</html>
